<template>
  <h1>El-开关组件</h1>
  <el-switch v-model="value1"></el-switch>
  <el-switch v-model="value2"></el-switch>
  <el-switch v-model="value3" :active-value="1" :inactive-value="0"></el-switch>
  <el-switch v-model="value4" active-value="1" inactive-value="0"></el-switch>
  <hr>
  <el-switch v-model="isShow" style="--el-switch-on-color: orange;--el-switch-off-color: #000" ></el-switch>
  <hr>
  <img src="imgs/fcq.jpg" width="200" v-if="isShow">
</template>

<script setup>
import {ref} from "vue";

const isShow = ref(true);
const value1 = ref(false);
const value2 = ref(true);
const value3 = ref(1);
const value4 = ref('1');

</script>



<style scoped>

</style>